@charset  "utf-8";
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, span, em, strong, img, form, fieldset, input, textarea, button, pre, table, tr, th, td, blockquote, code, label, cite, i { padding: 0; margin: 0 }
:focus { outline: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
fieldset, img { border: 0 }
ul, ol, li { list-style-type: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th, tr, td { text-align: left }
u, del, ins { text-decoration: none }
label { cursor: pointer }
address, caption, cite, code, dfn, em, th, var, i { font-style: normal; }
q:before, q:after { content: '' }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
abbr, acronym { border: 0; font-variant: normal }
select, input, img { vertical-align: middle }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size:100%
}

html{width:100%;height:100%;}
body{width:100%;height:100%;    padding: 0;background-size: 100% 100%;
    margin: 0;}
.warp{background:url(../images/bg.png) no-repeat;width:100%;height:100%;    padding: 0;background-size: 100% 100%;
    margin: 0;}
.clear{ clear:both;}
.logo{width: 100%;text-align:left;padding-left: 5%;padding-top: 70px;}
.logo img{width:40%; }
.login-box {width: 390px;
   
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;padding-bottom: 35px;
    margin-top: 5%;
    float: right;
    display: inline;
    background: #fff;
    border-right: 1px solid #ddd;
    margin-right: 10%;
	
}
.wangji{float: left;width: 18%;font-size: 14px;color: #007fe1;line-height: 46px;}
.bb-box{width: 100%;overflow: hidden;}
.login-box2 {width: 67%;height: 465px;    padding-left: 40px;padding-top: 10px; margin-top: 20px;float: left;display: inline;background: #fff;
}
.login-box .lb-box {margin-top: 25px;
}
.login-box .lb-box li {margin-top: 20px;height: 46px;border: 1px solid #dddddd;width: 100%;background: #fff;border-radius: 5px;
}
.login-box .lb-box li .lbl-l1 {overflow: hidden;width: 40px;height: 46px;display: inline;
}
.login-box .lb-box li .lbl-l2 {overflow: hidden;width: 40px;height: 46px;display: inline;
}
.login-box .lb-box li .lbl-l3 {overflow: hidden;width: 40px;height: 46px;display: inline;
}
.login-box .lb-box li .lbl-r {width: 100%;float: left;display: inline;
}
.login-box .lb-box li .lbl-r input {widht: 100%;padding-left: 18px;height: 46px;border: none;font-size: 14px;color: #666;    background: none;
}
.login-box .lb-box li .lbl-yzl {width: 70%;float: left;display: inline;   
}
.login-box .lb-box li .lbl-yzl input {widht: 100%;padding-left: 18px;height: 46px;border: none;font-size: 14px;color: #666;    background: none;
}
.login-box .lb-box li .lbl-yzr {width: 28%;float: right;	display: inline;height: 46px;margin-right: 1%;}

.lbl-yzr img {width: 100%;height: 100%;}
.login-but {width: 100%;height: 46px;border: none;background: #007fe1;text-align: center;color: #fff;font-size: 16px;border-radius:5px; margin-top: 16px;}
.login-ts {width: 190px;text-align: left;float: left;display: inline;padding-top: 5px;line-height: 24px;font-size: 14px;color:#ea5d5f;}
.bt {width: 400px;margin-top: 10px;}
.bt-left {float: left;margin-top: 2px;}
.bt-right {float: left;}

.dl {width: 400px;height: 38px;margin: 0;padding: 0;}
.bt2 {width: 400px;height: 15px;margin-top: 10px;margin-bottom: 5px;}
.img {width: 3px;height: 13px;float: left;margin-right: 5px;margin-top: 2px;}
.bt2-right {float: left;    margin-left: 10px;}
.login-ti{float: left;height: 30px;color: #666;    line-height: 24px;margin-right: 10px;font-size: 13px;margin-top: 10px;}
.login-ti a{color: #666;font-size: 12px;color: #666;}


.lin-t1 { height: 36px;width: 100%;background: url("../images/title.png") no-repeat center bottom;background-size: 100% 20%;}
.lin-t1 li { line-height: 33px; font-size: 14px; width: 110px; float: left; text-align: center; display: inline;     margin-left: 6%;color: #377fe7;}

.footer{width: 100%;text-align: center;color: #fff;font-size: 12px;height:6%;line-height: 50px;position: absolute;bottom: 3%}
.top{height: 55px;width: 100%;background: #031e33;}
.top img{float: left;margin-top: 15px;margin-left: 15px;}
.search { width: 380px; height: 32px; margin-top: 13px;float: left;margin-left: 20px;}
.search .search-input { width: 250px; border: 1px solid #ccc; background: #fff; height: 26px; line-height: 30px; font-size: 12px; color: #999; padding-left: 14px; }
.search .search-btn { width: 60px; height: 28px; background:#0582e1; overflow: hidden; border: none;color: #fff; font-size: 12px;}

.user {float: right;padding: 8px 15px; margin-top: 5px; cursor: pointer;position: relative;}
.user_triangle {border-color: #fff #031e33 #fff #031e33;
	border-style: solid;
	border-width: 5px 4px 0px 4px;
	height: 0px;
	width: 0px;
	display: inline-block;
}
.user_list_triangle {
	border-color: #fff #031e33 #fff #031e33;
	border-style: solid;
	border-width: 0px 5px 7px 5px;
	height: 0px;
	width: 0px;
	margin-top: -7px;
	margin-left: 50px;
}
.user_list {
	position: absolute;
	width: 135px;
	z-index: 99;
	background: #fff;
	top: 50px;
	display: none;
	border:1px solid #cedae7;
}
.user:hover .user_list {
	display: block;
}

.user_list li {
	padding: 10px;
	border-bottom: 1px solid #cedae7;font-size: 12px;color: #666;text-align: left;
}
.user_list li  a{
	color: #666;text-align: center;list-style-type: none;text-decoration: none;
}
.user_head {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.user_name {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;color: #fff;font-size: 12px;
}
.user_head img {
	width: 100%;
}

.main{width: 100%;overflow: hidden;background: #f8f8f8;}

.main-left{width:17%;float: left;background: #01111d;height: 620px;}
h1 {
  font-family: 'Century Gothic';
  margin: 30px auto 30px auto;
  color: #09fbd2;
  width: 100%;
  text-align: center;
}

ul.menu {
  padding: 0;
  list-style: none;
  width: 100%;
  
  font-family: 'Century Gothic';
  box-shadow: 0px 0px 1px #00000070;
  clear: both;
  display: table;
}
ul.menu .list {
  font-size: 14px;
  border-bottom: 0px solid #324252;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  vertical-align: sub;
  background: #01111d;
  clear: both;
}
ul.menu .list:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .list:before {
  content: '\f07b';
  font-family: FontAwesome;
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .list a {
  text-decoration: none;
  color: #fff;
  padding: 17px 0px 17px 45px;
  display: block;
  height: 100%;
  box-sizing: border-box;
}
ul.menu .list a:hover {
  background-color: #0582e1;
  transition: 300ms all;
  color: #fff;
}
ul.menu .list .items {
  height: 0px;
  overflow: hidden;
}
ul.menu .list .items a {
  padding: 17px;
}
ul.menu .list .items a:hover {
  background-color: #3f5d79;
  color: #fff;
  transition: 300ms all;
}
ul.menu .list:last-child {
  border-bottom: none;
}
ul.menu .active:after {
  content: "\f106";
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .active:before {
  content: '\f07c';
  font-family: FontAwesome;
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .active > .items {
  display: block;
  background: #14212c;
  padding: 0px;
  height: auto;
  color: #fff;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms;
  clear: both;
  float: left;
  width: 100%;
}
ul.menu .active > .items li {
  padding: 0px;
  border-bottom: 0px solid #324252;
  list-style: none;
}
ul.menu .active > .items li:last-child {
  border-color: transparent;
  padding-bottom: 0px;
}
ul.menu .active > .items .active > .items {
  background-color: #2f4b67;
}
ul.menu .active > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
ul.menu .active .list {
  background: #697d92;
}
ul.menu .active .list a {
  padding: 17px 0px 17px 45px;
}
.main-right{width:83%;float: left;background: #f8f8f8;}
.nav{width: 100%;background: #eaeaea;height: 45px;}
.index-1{width: 50px;height: 42px;background: #fff;border-top: 3px solid #0582e1;margin-left: 40px;text-align: center;}
.index-1 img{margin-top: 15px;}
.shixiang{margin-left: 40px;margin-right: 40px;width:1064px;}
.sx-box{width:192px;height: 150px;background: #fff;margin-right: 20px;text-align: center;float: left;margin-top: 20px;}
.sx-box img{margin-top: 25px;}
.sx-box p{font-size: 16px;color: #292929;line-height: 60px;}

.main-3{width:100%;background: #f8f8f8;overflow: hidden;padding-bottom: 60px;}
.gongneng{margin-left: auto;padding-top: 40px;margin-right: auto;width: 95%;}
.gn-box{width: 100%;height: 185px;text-align: center;border: 1px solid #dfdfdf;float: left;margin-right: 20px;margin-top: 0px;}
.b1{height: 75%;width: 100%;background: #fff;}
.b1 img{margin-top: 25px;}
.b2{height: 25%;width: 100%;background: #f1f1f1;line-height: 48px;}
.notice{ width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    background-color: #e10505;
    border-radius: 50%;
    position: absolute;
      left: 92%;
    top: 5%;}
.zz{    position: relative;
    width: 23.5%;
    height: 185px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;}
.zz1{    position: relative;
    width: 23.5%;
    height: 185px;
    float: left;
 
    margin-top: 20px;}
